<div class="px-4 sm:px-8 flex justify-between items-center">
  <div class="flex items-stretch gap-4">
    <div class="input input-sm">
      <i class="text-base-content opacity-50 ti ti-search"></i>
      <input class="grow cpy-issues-search"
        placeholder="Search issue"
        data-visualization--issue-filtering-target="searchInput"
        data-action="input->visualization--issue-filtering#filterIssues"
        type="search" placeholder="Search…">
    </div>
  </div>

  <div class="flex items-stretch flex-col sm:flex-row">
    <%= render partial: 'favorite_labels_dropdown', locals: { visualization: visualization } %>
  </div>
</div>